<!-- 设置 -->
<script setup lang="ts">
const formData = ref({
  oldPassword: '',
  newPassword: '',
  newPasswordAgain: '',
})
</script>

<template>
  <view class="min-h-screen bg-white">
    <uv-form>
      <Divider width="720" color="#E6E6E6" />
      <uv-form-item :custom-style="{ padding: 0, margin: 0 }">
        <ListCell label="原密码">
          <ListInput v-model="formData.oldPassword" placeholder="请输入原密码" />
        </ListCell>
      </uv-form-item>
      <Divider width="700" color="#E6E6E6" />
      <uv-form-item :custom-style="{ padding: 0, margin: 0 }">
        <ListCell label="新密码">
          <ListInput v-model="formData.newPassword" placeholder="请输入新密码" />
        </ListCell>
      </uv-form-item>
      <Divider width="700" color="#E6E6E6" />
      <uv-form-item :custom-style="{ padding: 0, margin: 0 }">
        <ListCell label="确认新密码">
          <ListInput v-model="formData.newPasswordAgain" placeholder="请再次确认密码" />
        </ListCell>
      </uv-form-item>
      <Divider width="700" color="#E6E6E6" />

      <button class="fixed bottom-80rpx h-100rpx w-650rpx flex items-center justify-center rounded-full bg-#0037AE text-30rpx text-white font-medium leading-30rpx x-center" hover-class="bg-#3266D9">
        保存修改
      </button>
    </uv-form>
  </view>
</template>

<route lang="yaml">
name: 'settings'
style:
  navigationBarTitleText: '设置'
layout: 'custom'
</route>
